<template>
  <div style="display: flex; align-items: center;" :style="justify?'justify-content: center;':''">
    <span class="radio" :style="'width: '+widt+'px;height: '+heigh+'px;background: '+backgroun+';'+(typ===1?'border-radius: 50%;':'')" ></span>
    <div style="display: inline-block; padding-left: 8px; " v-html="tex"></div>
  </div>
</template>

<script>
  export default{
    props:{
      widt:{
        type:Number,
        default:8
      },
      justify:{
        type:Boolean,
        default:true
      },
      heigh:{
        type:Number,
        default:8
      },
      backgroun:{
        type:String,
        default:'rgba(218, 81, 30, 0.68)'
      },
      tex:{
        type:String,
        default:''
      },
      // 1圆角、2竖线
      typ:{
        type:Number,
        default:1
      }
    },
    data(){
      return{

      }
    }
  }
</script>

<style scoped="scoped">
  .radio{
    display: inline-block;

  }

</style>
